<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>关键数据</title>

  <link rel="stylesheet" type="text/css" href="easyui/themes/material/easyui.css">
  <link rel="stylesheet" type="text/css" href="easyui/themes/color.css">
  <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
  <script type="text/javascript" src="easyui/jquery.min.js"></script>
  <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

  <script type="text/javascript" src="web/amcharts/amcharts.js"></script>
  <script type="text/javascript" src="web/echart/dist4.7/echarts.js"></script>
  <script type="text/javascript" src="web/echart/dist4.7/echarts.min.js"></script>

  <script src="web/JS/URLRooter.js"></script>
  <script src="web/JS/common.js"></script>
  <script src="key_data_3_2.js"></script>
  <style>
    .labelstyle {
      font-size: 10px;
    }
    .chartdiv {
      width: 100%;
      height: 80%;
    }
  </style>
  <script>

  </script>
</head>

<body class="easyui-layout" data-options="border:false">
  <div data-options="region:'north',title:'',border:false" style="height:66%;padding:0px;">
    <div class="easyui-layout" style="width:100%;height:100%;" data-options="border:false">
      <div data-options="region:'west',title:'',split:false,border:false" style="width:50%;">
        <div class="easyui-layout" style="width:100%;height:100%;" data-options="border:false">
          <div data-options="region:'north',title:'压缩机A',split:true,collapsible:false" style="height: 50%;">
            <div style="padding-left: 20px;padding-top: 6px;">
              点位选择:
              <select id="cmb_SearchTypeA" class="easyui-combobox" style="width: 300px;">
                <option value="temp_E" selected>压缩机A入口温度</option>
                <option value="temp_O">压缩机A出口温度</option>
                <option value="press_O">压缩机A出口压力</option>
              </select>
            </div>
            <div id="chartdiv1" class="chartdiv"></div>
            <div style="text-align: center;" id="CompressorA">
            </div>
          </div>
          <div data-options="region:'center',title:'压缩机B'">
            <div style="padding-left: 20px;padding-top: 6px;">
              点位选择:
              <select id="cmb_SearchTypeB" class="easyui-combobox" style="width: 300px;">
                <option value="temp_E" selected>压缩机B入口温度</option>
                <option value="temp_O">压缩机B出口温度</option>
                <option value="press_O">压缩机B出口压力</option>
              </select>
            </div>
            <div id="chartdiv2" class="chartdiv"></div>
            <div style="text-align: center;" id="CompressorB">
            </div>
          </div>
        </div>
      </div>
      <div data-options="region:'center',title:''" style="padding:0px;position: relative;">
        <table id="dg_DateList"
          data-options="singleSelect:true,border:false,rownumbers:true,fitColumns:true,fit:true,nowrap:true,showHeader:true">
          <thead>
            <tr>
              <th data-options="field:'custom0',width:100,align:'center'">报警位置</th>
              <th data-options="field:'almtime',width:200,align:'center'">报警时间</th>
              <th data-options="field:'custom1',width:100,align:'center'">报警类型</th>
            </tr>
          </thead>
          <tfoot>
            <div id="dg_pagination" style="background:#efefef;border:1px solid #ccc;position: absolute;bottom: 0;z-index: 10;width: 100%;"></div>
          </tfoot>
        </table>
      </div>
    </div>
  </div>
  </div>
  <div data-options="region:'center',title:'',border:false" style="padding:5px;">
    <div class="easyui-layout" style="width:100%;height:100%;" data-options="border:false">
      <div data-options="region:'west',title:'洗涤器',split:false,collapsible:false" style="width:50%;">
        <div style="padding-left: 20px;padding-top: 6px;">
          点位选择:
          <select id="cmb_SearchType_XD" class="easyui-combobox" style="width: 300px;">
            <option value="Liquid_L">洗涤器液位</option>
            <option value="press_O">洗涤器压力</option>
          </select>
        </div>
        <div id="chartdiv3" class="chartdiv"></div>
        <div style="text-align: center;" id="Scrubber">
        </div>
      </div>
      <!-- <div data-options="region:'center',title:'后冷却器'" style="padding:5px;">
        <div style="padding-left: 20px;">
          点位选择:
          <select id="cmb_SearchType_LQ" class="easyui-combobox" style="width: 300px;">
            <option value="temp_O">后冷却器出口温度</option>
          </select>
        </div>
        <div id="chartdiv4" class="chartdiv"></div>
        <div style="text-align: center;" id="Aftercooler">
        </div>
      </div> -->
    </div>
  </div>
</body>
</html>